{{define "header"}}
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>帮你美</title>
    <script src="/js/components/require.js"></script>
    <script src="/js/config.js"></script>
    <script src="/js/components/layui/layui.js"></script>
    <link rel="stylesheet" href="/js/components/layui/css/layui.css">
    <link rel="stylesheet" href="/css/layout_index.css">
    <script>
        require(['jquery', 'vue'], function ($, Vue) {
            layui.use(['element'], function () { });

            new Vue({
                el: '#body',
                data: {
                    con: '{{.Con}}',
                    act: '{{.Act}}'
                },
            })
        })
    </script>
</head>

<body id="body">
    <ul class="layui-nav header">
        <li class="logo">帮你美</li>
        <li class="layui-nav-item" :class="{'layui-this':con=='Index'}"><a href="/index/index">首页</a></li>
        <li class="layui-nav-item" :class="{'layui-this':con=='Course'}"><a href="/course/index">最新课程</a></li>
        <li class="layui-nav-item" :class="{'layui-this':con=='Student'}"><a href="/student/index">学员实操</a></li>
        <li class="layui-nav-item" :class="{'layui-this':con=='Product'}"><a href="/product/index">产品介绍</a></li>
        <li class="layui-nav-item" :class="{'layui-this':con=='About'}"><a href="/about/about">关于我们</a></li>
    </ul>

    {{end}}